@extends('huweize.layouts.userHome')
@section('main')

            <div class="col-md-12">
                <div class="fromadd">
                <form class="form-horizontal" action="" method="post" name="form0" id="form0" enctype="multipart/form-data">
                    {{csrf_field()}}
                    <div class="form-group form-group-lg">
                        <label class="col-sm-2 control-label" for="formGroupInputLarge">作品名</label>
                        <div class="col-xs-3">
                            <input class="form-control" type="text" id="formGroupInputLarge" value="{{$newbook->bookname}}" name="bookname">
                        </div>
                    </div>

                    <div class="form-group form-group-sm">
                        <label class="col-sm-2 control-label" for="formGroupInputSmall">章节价格</label>
                        <div class="col-xs-3">
                            <input class="form-control" type="text" value="{{$newbook->price}}" name="price">书币
                        </div>
                    </div>

                    <div class="form-group form-group-sm">
                        <label class="col-sm-2 control-label" for="formGroupInputSmall">免费章节</label>
                        <div class="col-xs-3">
                            <input class="form-control" type="text" value="{{$newbook->free}}"  placeholder="选填:不填默认没有免费章节" name="free">
                        </div>
                    </div>

                    <div class="form-group form-group-sm">
                        <label class="col-sm-2 control-label" for="formGroupInputSmall">是否全免费</label>
                        <div class="col-xs-3">
                            <label>部分免费:<input  type="radio"name="freezhong" value="0" {{empty($newbook->free=='all')?'checked':''}} ></label></laber>
                            <label>全部免费:<input  type="radio"name="freezhong" value="1" {{empty($newbook->free=='all')?'':'checked'}}></label></laber>
                        </div>
                    </div>

                    <div class="form-group form-group-sm">
                        <label class="col-sm-2 control-label" for="formGroupInputSmall">作品简介</label>
                        <div class="col-xs-5">
                            <textarea class="form-control" rows="3" name="desc">{{$newbook->desc}}</textarea>
                        </div>
                    </div>

                    <div class="form-group form-group-sm">
                        <label class="col-sm-2 control-label" for="formGroupInputSmall">上传封面</label>
                        <div class="col-xs-5">
                                <input type="file" name="file0" id="file0">
                        </div>
                    </div>

                    {{--这个是默认加上的作者--}}
                    {{--<div class="form-group form-group-sm">--}}
                        {{--<label class="col-sm-2 control-label" for="formGroupInputSmall">默认的作者</label>--}}
                        {{--<div class="col-xs-5">--}}
                            {{--<input type="text" class="form-control" value="三毛" name="writername">--}}
                            {{--<input type="hidden" name="wid" value="1">--}}
                        {{--</div>--}}
                    {{--</div>--}}

                    <div class="form-group form-group-sm">
                        <label class="col-sm-2 control-label" for="formGroupInputSmall"></label>
                        <div class="col-xs-5">
                            <input type="submit" class="btn btn-success" value="创建作品">
                        </div>
                    </div>

                    {{--   上次图片预览开始   --}}
                    <script>
                        $("#file0").change(function(){
                            // getObjectURL是自定义的函数，见下面
                            // this.files[0]代表的是选择的文件资源的第一个，因为上面写了 multiple="multiple" 就表示上传文件可能不止一个
                            // ，但是这里只读取第一个
                            var objUrl = getObjectURL(this.files[0]) ;
                            // 这句代码没什么作用，删掉也可以
                            // console.log("objUrl = "+objUrl) ;
                            if (objUrl) {
                                // 在这里修改图片的地址属性
                                $("#img0").attr("src", objUrl) ;
                                $("#img1").attr("src", objUrl) ;
                            }
                        })
                        //建立一個可存取到該file的url
                        function getObjectURL(file) {
                            var url = null ;
                            // 下面函数执行的效果是一样的，只是需要针对不同的浏览器执行不同的 js 函数而已
                            if (window.createObjectURL!=undefined) { // basic
                                url = window.createObjectURL(file) ;
                            } else if (window.URL!=undefined) { // mozilla(firefox)
                                url = window.URL.createObjectURL(file) ;
                            } else if (window.webkitURL!=undefined) { // webkit or chrome
                                url = window.webkitURL.createObjectURL(file) ;
                            }
                            return url
                        }
                    </script>
                    {{--   上次图片预览结束   --}}
                    <div class="pass-portrait-right" style="position: absolute;top:118px;left: 631px;">
                        <p class="pass-portrain-commonp">封面预览</p>
                        <p id="previewBoxBig" class="pass-portrait-previewboxbig">
                            <img style="width:155px;height:205px;" id="img0" src="{{asset('image/books/'.$newbook->bookicon)}}" class="pass-portrait-previewbig" ></p>
                        <p class="pass-portrain-commonp pass-portrain-previewp"><span>155*205</span></p>
                    </div>
                </form>

            </div>
    </div>
    @endsection